<template>
  <el-form :model="ifForm" :inline="true" size="small" class="custom-scrollbar">
    <el-form-item label="" class="!w-200px">
      <el-input v-model="ifForm.name" placeholder="变量名称${var}" />
    </el-form-item>
    <el-form-item label="" class="!w-100px">
      <el-select v-model="ifForm.compare">
        <el-option label="等于" value="等于" />
        <el-option label="不等于" value="不等于" />
        <el-option label="大于" value="大于" />
        <el-option label="小于" value="小于" />
        <el-option label="大于等于" value="大于等于" />
        <el-option label="小于等于" value="小于等于" />
        <el-option label="包含" value="包含" />
        <el-option label="不包含" value="不包含" />
        <el-option label="空" value="空" />
        <el-option label="非空" value="非空" />
      </el-select>
    </el-form-item>
    <el-form-item label="" class="!w-200px">
      <el-input v-model="ifForm.value" placeholder="变量值" />
    </el-form-item>
  </el-form>
</template>

<script setup lang="ts">
const ifForm = reactive({
  name: '',
  value: '',
  compare: '等于'
})
</script>

<style scoped></style>
